@-moz-keyframes boom {
  50% {
    top: 30%;
  }
  100% {
    top: 30%;
  }
}
@-webkit-keyframes boom {
  50% {
    top: 30%;
  }
  100% {
    top: 30%;
  }
}
@-o-keyframes boom {
  50% {
    top: 30%;
  }
  100% {
    top: 30%;
  }
}
@keyframes boom {
  50% {
    top: 30%;
  }
  100% {
    top: 30%;
  }
}
@-moz-keyframes bloom {
  0% {
    width: 0px;
  }
  50% {
    width: 5px;
  }
  100% {
    width: 50px;
  }
}
@-webkit-keyframes bloom {
  0% {
    width: 0px;
  }
  50% {
    width: 5px;
  }
  100% {
    width: 50px;
  }
}
@-o-keyframes bloom {
  0% {
    width: 0px;
  }
  50% {
    width: 5px;
  }
  100% {
    width: 50px;
  }
}
@keyframes bloom {
  0% {
    width: 0px;
  }
  50% {
    width: 5px;
  }
  100% {
    width: 50px;
  }
}
@-moz-keyframes enlarge {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(10);
  }
}
@-webkit-keyframes enlarge {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(10);
  }
}
@-o-keyframes enlarge {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(10);
  }
}
@keyframes enlarge {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(10);
  }
}
body {
  padding: 0;
  margin: 0;
}
.firework {
  position: absolute;
  top: 60%;
  left: 30%;
  transform-style: preserve-3d;
  -webkit-animation: boom 6s linear infinite;
  -moz-animation: boom 6s linear infinite;
  -ms-animation: boom 6s linear infinite;
  -o-animation: boom 6s linear infinite;
  animation: boom 6s linear infinite;
}
.firework .fire:nth-child(1) {
  transform: rotateZ(24deg);
}
.firework .fire:nth-child(2) {
  transform: rotateZ(48deg);
}
.firework .fire:nth-child(3) {
  transform: rotateZ(72deg);
}
.firework .fire:nth-child(4) {
  transform: rotateZ(96deg);
}
.firework .fire:nth-child(5) {
  transform: rotateZ(120deg);
}
.firework .fire:nth-child(6) {
  transform: rotateZ(144deg);
}
.firework .fire:nth-child(7) {
  transform: rotateZ(168deg);
}
.firework .fire:nth-child(8) {
  transform: rotateZ(192deg);
}
.firework .fire:nth-child(9) {
  transform: rotateZ(216deg);
}
.firework .fire:nth-child(10) {
  transform: rotateZ(240deg);
}
.firework .fire:nth-child(11) {
  transform: rotateZ(264deg);
}
.firework .fire:nth-child(12) {
  transform: rotateZ(288deg);
}
.firework .fire:nth-child(13) {
  transform: rotateZ(312deg);
}
.firework .fire:nth-child(14) {
  transform: rotateZ(336deg);
}
.firework .fire {
  position: absolute;
  ((null)): 0;
  ((null)): 0;
  width: 0px;
  height: 2px;
  background-color: #ffc0cb;
  transform-origin: 0px 50%;
  -webkit-animation: bloom 6s linear infinite;
  -moz-animation: bloom 6s linear infinite;
  -ms-animation: bloom 6s linear infinite;
  -o-animation: bloom 6s linear infinite;
  animation: bloom 6s linear infinite;
}
.firework .center {
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: -5px;
  transform: scale(0);
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: enlarge 6s linear infinite;
  -moz-animation: enlarge 6s linear infinite;
  -ms-animation: enlarge 6s linear infinite;
  -o-animation: enlarge 6s linear infinite;
  animation: enlarge 6s linear infinite;
}
